{% extends "base.html" %}{% load pages_tags %}{% load_pages %}

        {% block content %}
        
        
		<div id="content" class="withsidebar">
        	<div id="main">
            	<div id="maincontent">
			
                    {% if single_post %} 
                     <div class="post">
		    {% for post in single_post %}	
                         <img src="/media/{{post.content_image}}" alt="" height="230px" width="600px" class="frame" />
                         <span class="shadowimg610"></span>
                         <div class="entry-utility">
                            <span class="postauthor"><img src="/media/images/icons/author.png" alt="" />{{ post.owner }}<a href="#">{{ blog.user }}</a></span>
                            <span class="postdate"><img src="/media/images/icons/date.png" alt="" />{{ post.date }}</span>
                            <span class="postcomm"><img src="/media/images/icons/comment.png" alt="" /><a href="#">0 Comment</a></span>
                            <span class="postcat"><img src="/media/images/icons/cat.png" alt="" /><a href="#">Site Templates</a></span>
                         </div>
                         <div class="entry-content">
                         	<h2 class="posttitle"><a href="#">{{ post.title }}</a></h2>
                            <p>{{ post.description }}</p>
                            <p>{{ post.content }}</p>
                           
                         </div>
                          {% endfor %}
                         <div class="clear"></div><!-- clear float -->
                     </div><!-- .post -->
		     {% endif %}
		
		
			
                   {% comment %}  
                    <div id="comment">
                        <h2>Comments</h2>
                        <ol class="commentlist">
                            <li>
                                <div class="comment-body">
                                <div class="avatar">
                                    <img src="images/content/avatar.gif" alt=""/>
                                <span class="shadowimg70"></span>
                                </div>
                                <span class="tuser">Richard Delano</span>
                                <span class="tdate">August 17, 2010 7:15 am</span><br/><br/>
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                <a href="#">Reply</a>
                                </div>
                            </li>
                            <li>
                                <div class="comment-body">
                                <div class="avatar">
                                    <img src="images/content/avatar.gif" alt=""/>
                                <span class="shadowimg70"></span>
                                </div>
                                <span class="tuser">Farleys Ditz</span>
                                <span class="tdate">August 17, 2010 7:15 am</span><br/><br/>
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                <a href="#">Reply</a>
                                </div>
                                <ol>
                                    <li>
                                        <div class="comment-body">
                                        <div class="avatar">
                                            <img src="images/content/avatar2.gif" alt=""/>
                                        <span class="shadowimg70"></span>
                                        </div>
                                        <span class="tuser">Lyns Ramirez</span>
                                        <span class="tdate">August 17, 2010 7:15 am</span><br/><br/>
                                        <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                        <a href="#">Reply</a>
                                        </div>
                                    </li>
                                </ol>
                            </li>
                            <li>
                                <div class="comment-body">
                                <div class="avatar">
                                    <img src="images/content/avatar2.gif" alt=""/>
                                <span class="shadowimg70"></span>
                                </div>
                                <span class="tuser">Dakota Kings</span>
                                <span class="tdate">August 17, 2010 7:15 am</span><br/><br/>
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                <a href="#">Reply</a>
                                </div>
                            </li>
                        </ol>
                        <h3>Leave Comment</h3>
                          <form id="commentform" action="#">
                            <fieldset>
                              <label for="name" id="name_label">Name:</label>
                              <input type="text" name="name" id="name" size="50" value="" class="text-input" />
                              <label for="email" id="email_label">Email:</label>
                              <input type="text" name="email" id="email" size="50" value="" class="text-input" />
                              <label for="msg" id="msg_label">Message:</label>
                             <textarea cols="60" rows="10" name="msg" id="msg" class="textarea"></textarea><br />
                              <input type="submit" name="submit" id="submit_btn" value="Submit"/>
                            </fieldset>
            
                          </form>
                    </div><!-- end #comment -->
		    {% endcomment %}
                     
                    
                     <div class="clear"></div><!-- clear float -->
                </div><!-- end #maincontent -->
                <div id="sidebar">
                	<ul>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Text Widget</h2>
                            <div class="textwidget">
                            <span class="colortext">Cras faucibus ante ut diam</span> laoreet a congue mi aliquam. Sed interdum nisl pharetra ipsum aliquet tempus.
                            </div>
                        </li>
                    	<li class="widget-container">
                            <h2 class="widget-title">Recent Comments</h2>
                            <ul id="recentcommentwidget">
                                <li>
                                    <img src="images/content/imgcomm1.jpg" alt="" class="alignleft" />
                                    <span class="colortext">Marina Whitty</span>
                                    <span><a href="#">Mauris interdum lectus accumsan viverra. Curabitur dictum felis.</a></span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <img src="images/content/imgcomm2.jpg" alt="" class="alignleft" />
                                    <span class="colortext">Raymond Knox</span>
                                     <span><a href="#">Mauris interdum lectus accumsan viverra. Curabitur dictum felis.</a></span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <img src="images/content/imgcomm3.jpg" alt="" class="alignleft" />
                                    <span class="colortext">Aiko Takamichi</span>
                                     <span><a href="#">Mauris interdum lectus accumsan viverra. Curabitur dictum felis.</a></span>
                                    <span class="clear"></span>
                                </li>
                            </ul>
                        </li>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Latest Post</h2>
                            <ul>
                            	<li><a href="#">Powerful Design by Templatesquare</a></li>
                                <li><a href="#">How Does it Works ?</a></li>
                                <li><a href="#">The History about Magnum</a></li>
                                <li><a href="#">Photography Design</a></li>
                            </ul>
                        </li>
                    	<li class="widget-container">
                        	<h2 class="widget-title">Tags</h2>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Design</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Site Templates</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Photography Design</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Music</a></span><span class="right"></span></span>
                            <span class="tag"><span class="left"></span><span class="middle"><a href='#'>Wordpress</a></span><span class="right"></span></span>
                            <div class="clear"></div>
                        </li>
                    	<li class="widget-container">
                            <h2 class="widget-title">Recent Projects</h2>
                            <ul id="recentprojectwidget">
                                <li>
                                    <a href="#"><img src="images/content/rp1.jpg" alt="" class="alignleft" /></a>
                                    <span class="colortext">Project by: Andrew Saltchesse</span><br/>
                                    <span class="date">Januari 17, 2012</span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <a href="#"><img src="images/content/rp2.jpg" alt="" class="alignleft" /></a>
                                    <span class="colortext">Project by: Rachel Carrisa</span><br/>
                                    <span class="date">Januari 17, 2012</span>
                                    <span class="clear"></span>
                                </li>
                                <li>
                                    <a href="#"><img src="images/content/rp3.jpg" alt="" class="alignleft" /></a>
                                    <span class="colortext">Project by: Diana Rose</span><br/>
                                    <span class="date">Januari 17, 2012</span>
                                    <span class="clear"></span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- end #sidebar -->
                
                <div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
        {% endblock %}
